<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@include file="../common/common-head.jsp"%>

<body>

    <!-- begin #content -->
    <div id="content" class="content">
        <%@include file="../common/common-breadcrumb-add.jsp" %>

        <!-- begin row -->
        <div class="row">
            <!-- begin col-6 -->
            <div class="col-xl-6">
                <!-- begin panel -->
                <div class="panel panel-inverse" data-sortable-id="form-stuff-1">
                    <!-- begin panel-heading -->
                    <div class="panel-heading">
                        <h4 class="panel-title" >${editObj!=null?'编辑菜单':'新增菜单'}</h4>
                        <div class="panel-heading-btn">
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload"><i class="fa fa-redo"></i></a>
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger" data-click="panel-remove"><i class="fa fa-times"></i></a>
                        </div>
                    </div>
                    <!-- end panel-heading -->
                    <!-- begin panel-body -->
                    <div class="panel-body">

                        <form>
                            <input type="hidden" value="${editObj!=null?editObj.id:''}" id="id">
                            <div class="form-group row m-b-15">
                                <label class="col-form-label col-md-3">菜单名称</label>
                                <div class="col-md-9">
                                    <input type="email" class="form-control m-b-5" placeholder="菜单名称" name="name" id="name" value="${editObj!=null?editObj.name:''}" />
                                    <small class="f-s-12 text-grey-darker" style="display: none">菜单名称.</small>
                                </div>
                            </div>
                            <div class="form-group row m-b-15">
                                <label class="col-form-label col-md-3">父菜单</label>
                                <div class="col-md-9">
                                    <select class="form-control" id="parentId">
                                        <option value="">顶级菜单</option>
                                        <c:forEach items="${menus}" var="menu" varStatus="menuStat">
                                        <option value="${menu.id}" ${(menu.id eq editObj.parentId)?'selected':''}>${menu.name}</option>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row m-b-15">
                                <label class="col-form-label col-md-3">菜单地址</label>
                                <div class="col-md-9">
                                    <input type="email" class="form-control m-b-5" placeholder="菜单地址" name="url" id="url" value="${editObj!=null?editObj.url:''}" />
                                    <small class="f-s-12 text-grey-darker" style="display: none">菜单地址.</small>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-7 offset-md-3">
                                    <button type="button" class="btn btn-sm btn-primary m-r-5" id="saveMenu">保存</button>
                                    <button type="button" class="btn btn-sm btn-default" onclick="window.location.href='/menu/list'">返回</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- end panel-body -->
                </div>
                <!-- end panel -->

            </div>
            <!-- end col-6 -->

        </div>
        <!-- end row -->

    </div>

</body>
<%@include file="../common/common-script.jsp"%>

<script>
    var ctx = "${basePath}"

    $(function(){
        $("#saveMenu").click(function(){
            var id = $("#id").val()
            var name = $("#name").val()
            var url = $("#url").val()
            var parentId = $("#parentId").val()

            $.ajax({
                type:'post',
                url:ctx+'menu/add',
                data:JSON.stringify({"id":id,"name":name,"url":url,"parentId":parentId}),
                success:function(res){
                    if(res == "1000"){
                        window.location.href=ctx+"menu/list"
                    }
                }
            })

        })
    })

</script>


</html>
